// 持久化存储的 key
const search_history='search_history'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    recentSearches:wx.getStorageSync(search_history)|| ['手机', '电脑', '运动鞋'],
    hotSearches: ['智能手表', '无线耳机', '平板电脑'],
    keyword:'',// 搜索关键词
    isShowDelete:false,// 是否显示删除
  },
  onSearch(){
     // console.log(this.data.keyword);
    // 非空判断
    if(this.data.keyword.trim()===''){
      wx.showToast({icon:'error',title:'请输入商品名称'})
      return
    }
    // 前添加
    this.data.recentSearches.unshift(this.data.keyword)
    // 去重Set + Array.from实现数组去重
    const list=Array.from(new Set(this.data.recentSearches))
      // 超过 5 条，移除最开始那条
    if(this.data.recentSearches.length>5){
      list.pop()
    }
    // 更新UI
    this.setData({
      isShowDelete: false, // 添加新搜索记录时，隐藏删除按钮
      recentSearches:list,
    })
       // 持久化存储
       wx.setStorageSync(search_history, this.data.recentSearches)
  },
   // 切换删除状态
  toggleShowDelete(){
    this.setData({
      isShowDelete:!this.data.isShowDelete
    })
  },
    // 删除记录
  deleteItem(event:WechatMiniprogram.CustomEvent){
    // 删除数据
    this.data.recentSearches.splice(event.mark?.index,1)
       // 更新UI
       this.setData({
        recentSearches: this.data.recentSearches
      })
  },
    // 清空搜索记录列表
  async clearAllHistory(){
    // 模态对话框，二次确认
    const res=await wx.showModal({
      title:'温馨提示',
      content:'是否删除所有记录',
      // success: (res) => {
      //   console.log(res);
      // }
    })
    // 点击了确定
      if(res.confirm){
        this.setData({
          recentSearches:[]
        })
          // 本地存储
      wx.setStorageSync(search_history, this.data.recentSearches)
      }  
  }
})